import IconWrapper from './Wrapper';

const RawIcon = (
  <svg viewBox="0 0 10 5" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path
      d="M9.45 3.4C9.78137 3.64853 9.84853 4.11863 9.6 4.45C9.35147 4.78137 8.88137 4.84853 8.55 4.6L9.45 3.4ZM5 1L4.55 0.4C4.81667 0.2 5.18333 0.2 5.45 0.4L5 1ZM1.45 4.6C1.11863 4.84853 0.648529 4.78137 0.4 4.45C0.151472 4.11863 0.21863 3.64853 0.55 3.4L1.45 4.6ZM8.55 4.6L4.55 1.6L5.45 0.4L9.45 3.4L8.55 4.6ZM5.45 1.6L1.45 4.6L0.55 3.4L4.55 0.4L5.45 1.6Z"
      fill="currentColor"
    />
  </svg>
);

const BoxedIcon = (
  <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path
      d="M14.45 10.4C14.7814 10.6485 14.8485 11.1186 14.6 11.45C14.3515 11.7814 13.8814 11.8485 13.55 11.6L14.45 10.4ZM10 8L9.55 7.4C9.81667 7.2 10.1833 7.2 10.45 7.4L10 8ZM6.45 11.6C6.11863 11.8485 5.64853 11.7814 5.4 11.45C5.15147 11.1186 5.21863 10.6485 5.55 10.4L6.45 11.6ZM13.55 11.6L9.55 8.6L10.45 7.4L14.45 10.4L13.55 11.6ZM10.45 8.6L6.45 11.6L5.55 10.4L9.55 7.4L10.45 8.6Z"
      fill="currentColor"
    />
  </svg>
);

export default IconWrapper(RawIcon, BoxedIcon);
